<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ja" lang="ja" xmlns='http://www.w3.org/1999/xhtml'>
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <meta http-equiv="Content-Language" content="ja" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=7">
    <meta http-equiv="imagetoolbar" content="no">
	<title>PB Display Image Maker 1.0</title>
	<link href='../../favicon.ico' rel='shortcut icon' />
	<link type='text/css' rel='stylesheet' href='all.css' />
</head>
<body>
	
<!--[if lte IE 6]><div id="ie6noHover"><![endif]-->
<div id="pbDisplayImageMaker">
	<div id="pbDisplayBuilder_display" style="overflow:auto;margin:8px 0 6px;">
		<div id="pbdisplay_outerColor">
			<div id="pbdisplay_outer">
				<div id="pbdisplay" style="border-right-width:58px;z-index:99;">
					<div id="display_head">
						<span class="ext">EXT</span>
						<span class="shift">S</span>
						<span class="run">RUN</span>
						<span class="deg">DEG</span>
						<span class="trace">TR</span>
						<span class="prt">PRT</span>
						<span class="stop">STOP</span>
					</div>
					<div id="display_main">
						<span class="CSR00">
							<a href="#CSR00" onclick="moveCursor(0); return false;">
								<span class="chr26"></span>
								<span></span>
							</a>						
						</span>					
						<span class="CSR01">
							<a href="#CSR01" onclick="moveCursor(1); return false;">
								<span class="chr2E"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR02">
							<a href="#CSR02" onclick="moveCursor(2); return false;">
								<span class="chr33"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR03">
							<a href="#CSR03" onclick="moveCursor(3); return false;">
								<span class="chr2E"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR04">
							<a href="#CSR04" onclick="moveCursor(4); return false;">
								<span></span>
								<span></span>
							</a>
						</span>
						<span class="CSR05">
							<a href="#CSR05" onclick="moveCursor(5); return false;">
								<span class="chr2F"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR06">
							<a href="#CSR06" onclick="moveCursor(6); return false;">
								<span class="chr21"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR07">
							<a href="#CSR07" onclick="moveCursor(7); return false;">
								<span class="chr02"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR08">
							<a href="#CSR08" onclick="moveCursor(8); return false;">
								<span class="chr11"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR09">
							<a href="#CSR09" onclick="moveCursor(9); return false;">
								<span class="chr10"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR10">
							<a href="#CSR10" onclick="moveCursor(10); return false;">
								<span class="chr10"></span>
								<span></span>
							</a>
						</span>
						<span class="CSR11">
							<a href="#CSR11" onclick="moveCursor(11); return false;">
								<span class="cursor"></span>
								<span></span>
							</a>
						</span>
						<span style="display:none;">
							<a href="#"><span></span><span></span></a>
						</span>
						<span style="display:none;">
							<a href="#"><span></span><span></span></a>
						</span>
						<span style="display:none;">
							<a href="#"><span></span><span></span></a>
						</span>
						<span style="display:none;">
							<a href="#"><span></span><span></span></a>
						</span>
					</div>
				</div>
			</div>
		</div>
		<div id="cursor"></div>
		<div id="setOvarlayContainer" class="tooltip">
			<div id="setOverlay" class="tooltipBody">
				<div id="setOverlayTools">
					<input id="swOverlay" type="button" onclick="swOverlay()" />
					<div id="layer0">
						<label for="lay0" id="icon-layer0">layer0</label>
						<input type="button" onclick="lockLayer(0)" id="lay0"/>
					</div>
					<div id="setOpacityContainer">
						<!--[if lte IE 7]><a href="" id="setOpacity-hover" onclick="return false;"><![endif]-->
							<span id="opacity">50:50</span>
							<div id="setOpacity">
								<!--[if lte IE 7]><table class="first"><tbody><tr><td><![endif]-->
									<form>
										<input type="button" onclick="setOpacity(1)" value="90:10" />
										<input type="button" onclick="setOpacity(2)" value="80:20" />
										<input type="button" onclick="setOpacity(3)" value="70:30" />
										<input type="button" onclick="setOpacity(4)" value="60:40" />
										<input type="button" onclick="setOpacity(5)" value="50:50" />
										<input type="button" onclick="setOpacity(6)" value="40:60" />
										<input type="button" onclick="setOpacity(7)" value="30:70" />
										<input type="button" onclick="setOpacity(8)" value="20:80" />
										<input type="button" onclick="setOpacity(9)" value="10:90" />
									</form>
								<!--[if lte IE 7]></td></tr></tbody></table><![endif]-->
							</div>
						<!--[if lte IE 7]></a><![endif]-->
					</div>
					<div id="layer1">
						<label for="lay1" id="icon-layer1">layer1</label>
						<input type="button" onclick="lockLayer(1)" id="lay1"/>
					</div>
				</div>
				<span class="tooltip-pointer-right">
					<!--[if !IE 6]><!--><span class="tooltip-pointer-right-Inner"></span><!--<![endif]-->
				</span>
			</div>
		</div>
		<div id="pbDisplayImg-Logo">CASIO PERSONAL COMPUTER PB-100</div>
	</div>
   
	<div id="editor">
		<div id="toolbox">
			<div class="key arrow" style="border:none;">		
				<input  type="button" onclick="left()" value="←" style="background-position:-127px -97px;"/>
			</div>
			<div class="key arrow">		
				<input  type="button" onclick="right()" value="→" style="background-position:-160px -97px;"/>
			</div> 
			<div class="key">		
				<input  type="button" onclick="del()" value="DEL"/>
			</div>  		
			<div class="key">
				<input  type="button" onclick="ins()" value="INS"/>
			</div>
			<div class="key">
				<input  type="button" onclick="reFresh()" value="AC"/>
			</div>
			
			<div class="command" style="border-color:#333;">
				<div class="icon-command" style="background-position:-125px -72px;">
					<a href="#conditions" onclick="popUp('conditions'); return false;">set</a>
				</div>
				<div id="conditions" class="popupContainer">
					<div class="popupContent">
						<a  href="#closePopup" onclick="closePopup(); return false;" class="close">×</a>
						<div class="u caption">Charactor Set</div>
						<form name="type">
							<div class="u">
								<input type="radio" name="type" value="PB-100" checked="checked" onclick="setType('')" id="PB-100" />
									<label for="PB-100">PB-100</label>
								<input type="radio" name="type" value="PB-120" onclick="setType('PB-120')" id="PB-120" />
									<label for="PB-120">PB-120</label>
								<input type="radio" name="type" value="FX-795P" onclick="setType('FX-795P')" id="FX-795P" />
									<label for="FX-795P">FX-795P</label>
							</div>
						</form>
						<div class="u caption">Conditions</div>
						<form name="conditions">
							<div style="overflow:auto;">
								<div style="width:49%;float:left;">
									<div class="u">
										<input type="radio" name="sf" value="none" checked="checked" onclick="setConditions()" id="sf_n" />
											<label for="sf_n">none</label>
										<input type="radio" name="sf" value="shift" onclick="setConditions()" id="sf_s" title="S"/>
											<label for="sf_s"> S</label>
										<input type="radio" name="sf" value="function" onclick="setConditions()" id="sf_f" title="F"/>
											<label for="sf_f"> F</label>			
									</div>
									<div class="u">
										<input type="radio" name="rw" value="run" checked="checked" onclick="setConditions()" id="rw_r" title="RUN"/>
											<label for="rw_r"> RUN</label>
										<input type="radio" name="rw" value="wrt" onclick="setConditions()" id="rw_w" title="WRT"/>
											<label for="rw_w"> WRT</label>
									</div>
									<div class="u">
										<input type="radio" name="tr" value="none" checked="checked" onclick="setConditions()" id="tr_n"/>
											<label for="tr_n"> none</label>
										<input type="radio" name="tr" value="trace" onclick="setConditions()" id="tr_t" title="TR"/>
											<label for="tr_t"> TR</label>							
									</div>										
								</div>
								<div style="width:49%;float:right;">
									<div class="u">
										<input type="radio" name="ext" value="none" checked="checked" onclick="setConditions()" id="ex_n" />
											<label for="ex_n"> none</label>
										<input type="radio" name="ext" value="ext" onclick="setConditions()" id="ex_e" title="EXT"/>
											<label for="ex_e"> EXT</label>							
									</div>
									<div class="u op5" id="stop">
										<input type="radio" name="stop" value="none" checked="checked" onclick="setConditions()" id="st_n" />
											<label for="st_n"> none</label>
										<input type="radio" name="stop" value="stop" onclick="setConditions()" id="st_s" title="STOP"/>
											<label for="st_s"> STOP</label>			
									</div>
									<div class="u">
										<input type="radio" name="prt" value="none" checked="checked" onclick="setConditions()" id="pr_n" />
											<label for="pr_n"> none</label>
										<input type="radio" name="prt" value="prt" onclick="setConditions()" id="pr_p" title="PRT"/>
											<label for="pr_p"> PRT</label>				
									</div>						
								</div>
							</div>
							<div style="clear:both;" class="u">
								<input type="radio" name="drg" value="deg" checked="checked" onclick="setConditions()" id="drg_deg" title="DEG"/>
									<label for="drg_deg">DEG</label>
								<input type="radio" name="drg" value="rad" onclick="setConditions()" id="drg_rad" title="RAD"/>
									<label for="drg_rad">RAG</label>
								<input type="radio" name="drg" value="gra" onclick="setConditions()" id="drg_gra" title="GRA"/>
									<label for="drg_gra">GRA</label>
							</div>
						</form>
					</div>
				</div>
			</div>
			
			<div class="command">
				<div class="icon-command" style="background-position:-145px -72px;">
					<a href="#getCode" onclick="popUp('getCode'); return false;">code</a>
				</div>
				<div id="getCode" class="popupContainer">
					<div class="popupContent">
						<a  href="#closePopup" onclick="closePopup(); return false;" class="close">×</a>
						<span class="caption">Get html code</span>
						<div id="dumpHTML"></div>	    		
					</div>
				</div>
			</div>

			<div class="command">
				<div class="icon-command" style="background-position:-165px -72px;">
					<a href="#about" onclick="popUp('about'); return false;">about</a>
				</div>
				<div id="about" class="popupContainer">
					<div class="popupContent">
						<a  href="#closePopup" onclick="closePopup(); return false;" class="close">×</a>
						<div class="u" style="text-align:center;line-height:1.8em;">
							<h1 style="font-size:16px;">PB Dispaly Image Maker</h1>
							<div>version 1.0.110330</div>
							<div style="margin-top:5px;">
								<a href="http://pb-100.blogspot.com/" target="_blank">CASIO PB-100の宇宙</a>
								 by <a href="http://pbrocky.blogspot.com/" target="_blank">PBロッキー</a>
							</div>							
						</div>
						<center>
							<a href="http://www.google.com/ig/adde?moduleurl=http://casio-pb-100.googlecode.com/svn/gadget/gadgetBase.xml"><img src="http://buttons.googlesyndication.com/fusion/add.gif" style="width:104px; height:17px;border:0px;" alt="Add to iGoogle" /></a>
						</center>
						<div class="u">
							 <a href="http://www.geocities.jp/pbrocky544/tools/pb-dim.htm" target="_blank">Jump to Manual.(japanese)</a>					
						</div>						
						<h3 class="caption u">Release history</h3>
						<dl style="height:60px;line-height:1.2em;overflow:auto;border:1px #ccc inset;margin:8px 9px;padding:9px;">
							<dt>11.04.16</dt>
							<dd>Version 1.0.110416 released.</dd>
							<dt>11.03.30</dt>
							<dd><a href="http://pbrocky.blogspot.com/2011/03/pb-dispaly-image-maker10110330.html" target="_blank">Version 1.0.110330 released.</a></dd>
							<dt>10.09.18</dt>
							<dd><a href="http://pbrocky.blogspot.com/2010/09/pb-display-image-maker-100.html" target="_blank">Version 1.0.0 released.</a></dd>
							<dt>10.05.01</dt>
							<dd><a href="http://pbrocky.blogspot.com/2010/05/pb-100displayimagemaker-ver010.html" target="_blank">Version 0.1.0 released.</a></dd>
						</dl>							
					</div>
				</div>
			</div>
			
		</div>
		<noscript>
			<div id="noscript" class="popupContainer" style="display:block;">
				<div class="popupContent">
					You need to have JavaScript enabled to use this Application.	    		
				</div>
			</div>
		</noscript>
		<ul id="chr-set">
			<li>
				<span class="chr-code">0x</span>
				<input class="chr00" type="button" onclick="enterChr('chr00')" title=" " />
				<input class="chr01" type="button" onclick="enterChr('chr01')" title="+" />
				<input class="chr02" type="button" onclick="enterChr('chr02')" title="-" />
				<input class="chr03" type="button" onclick="enterChr('chr03')" title="*" />
				<input class="chr04" type="button" onclick="enterChr('chr04')" title="/" />
				<input class="chr05" type="button" onclick="enterChr('chr05')" title="↑" />
				<input class="chr06" type="button" onclick="enterChr('chr06')" title="!" />
				<input class="chr07" type="button" onclick="enterChr('chr07')" title="&quot;" />
				<input class="chr08" type="button" onclick="enterChr('chr08')" title="#" />
				<input class="chr09" type="button" onclick="enterChr('chr09')" title="$" />
				<input class="chr0A" type="button" onclick="enterChr('chr0A')" title="&gt;" />
				<input class="chr0B" type="button" onclick="enterChr('chr0B')" title="≧" />
				<input class="chr0C" type="button" onclick="enterChr('chr0C')" title="=" />
				<input class="chr0D" type="button" onclick="enterChr('chr0D')" title="≦" />
				<input class="chr0E" type="button" onclick="enterChr('chr0E')" title="&lt;" />
				<input class="chr0F" type="button" onclick="enterChr('chr0F')" title="≠" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">1x</span>
				<input class="chr10" type="button" onclick="enterChr('chr10')" title="0" />
				<input class="chr11" type="button" onclick="enterChr('chr11')" title="1" />
				<input class="chr12" type="button" onclick="enterChr('chr12')" title="2" />
				<input class="chr13" type="button" onclick="enterChr('chr13')" title="3" />
				<input class="chr14" type="button" onclick="enterChr('chr14')" title="4" />
				<input class="chr15" type="button" onclick="enterChr('chr15')" title="5" />
				<input class="chr16" type="button" onclick="enterChr('chr16')" title="6" />
				<input class="chr17" type="button" onclick="enterChr('chr17')" title="7" />
				<input class="chr18" type="button" onclick="enterChr('chr18')" title="8" />
				<input class="chr19" type="button" onclick="enterChr('chr19')" title="9" />
				<input class="chr1A" type="button" onclick="enterChr('chr1A')" title="." />
				<input class="chr1B" type="button" onclick="enterChr('chr1B')" title="π" />
				<input class="chr1C" type="button" onclick="enterChr('chr1C')" title=")" />
				<input class="chr1D" type="button" onclick="enterChr('chr1D')" title="(" />
				<input class="chr1E" type="button" onclick="enterChr('chr1E')" title="E-" />
				<input class="chr1F" type="button" onclick="enterChr('chr1F')" title="E" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">2x</span>
				<input class="chr20" type="button" onclick="enterChr('chr20')" title="A" />
				<input class="chr21" type="button" onclick="enterChr('chr21')" title="B" />
				<input class="chr22" type="button" onclick="enterChr('chr22')" title="C" />
				<input class="chr23" type="button" onclick="enterChr('chr23')" title="D" />
				<input class="chr24" type="button" onclick="enterChr('chr24')" title="E" />
				<input class="chr25" type="button" onclick="enterChr('chr25')" title="F" />
				<input class="chr26" type="button" onclick="enterChr('chr26')" title="G" />
				<input class="chr27" type="button" onclick="enterChr('chr27')" title="H" />
				<input class="chr28" type="button" onclick="enterChr('chr28')" title="I" />
				<input class="chr29" type="button" onclick="enterChr('chr29')" title="J" />
				<input class="chr2A" type="button" onclick="enterChr('chr2A')" title="K" />
				<input class="chr2B" type="button" onclick="enterChr('chr2B')" title="L" />
				<input class="chr2C" type="button" onclick="enterChr('chr2C')" title="M" />
				<input class="chr2D" type="button" onclick="enterChr('chr2D')" title="N" />
				<input class="chr2E" type="button" onclick="enterChr('chr2E')" title="O" />
				<input class="chr2F" type="button" onclick="enterChr('chr2F')" title="P" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">3x</span>
				<input class="chr30" type="button" onclick="enterChr('chr30')" title="Q" />
				<input class="chr31" type="button" onclick="enterChr('chr31')" title="R" />
				<input class="chr32" type="button" onclick="enterChr('chr32')" title="S" />
				<input class="chr33" type="button" onclick="enterChr('chr33')" title="T" />
				<input class="chr34" type="button" onclick="enterChr('chr34')" title="U" />
				<input class="chr35" type="button" onclick="enterChr('chr35')" title="V" />
				<input class="chr36" type="button" onclick="enterChr('chr36')" title="W" />
				<input class="chr37" type="button" onclick="enterChr('chr37')" title="X" />
				<input class="chr38" type="button" onclick="enterChr('chr38')" title="Y" />
				<input class="chr39" type="button" onclick="enterChr('chr39')" title="Z" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">4x</span>
				<input class="chr40" type="button" onclick="enterChr('chr40')" title="a" />
				<input class="chr41" type="button" onclick="enterChr('chr41')" title="b" />
				<input class="chr42" type="button" onclick="enterChr('chr42')" title="c" />
				<input class="chr43" type="button" onclick="enterChr('chr43')" title="d" />
				<input class="chr44" type="button" onclick="enterChr('chr44')" title="e" />
				<input class="chr45" type="button" onclick="enterChr('chr45')" title="f" />
				<input class="chr46" type="button" onclick="enterChr('chr46')" title="g" />
				<input class="chr47" type="button" onclick="enterChr('chr47')" title="h" />
				<input class="chr48" type="button" onclick="enterChr('chr48')" title="i" />
				<input class="chr49" type="button" onclick="enterChr('chr49')" title="j" />
				<input class="chr4A" type="button" onclick="enterChr('chr4A')" title="k" />
				<input class="chr4B" type="button" onclick="enterChr('chr4B')" title="l" />
				<input class="chr4C" type="button" onclick="enterChr('chr4C')" title="m" />
				<input class="chr4D" type="button" onclick="enterChr('chr4D')" title="n" />
				<input class="chr4E" type="button" onclick="enterChr('chr4E')" title="o" />
				<input class="chr4F" type="button" onclick="enterChr('chr4F')" title="p" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">5x</span>
				<input class="chr50" type="button" onclick="enterChr('chr50')" title="q" />
				<input class="chr51" type="button" onclick="enterChr('chr51')" title="r" />
				<input class="chr52" type="button" onclick="enterChr('chr52')" title="s" />
				<input class="chr53" type="button" onclick="enterChr('chr53')" title="t" />
				<input class="chr54" type="button" onclick="enterChr('chr54')" title="u" />
				<input class="chr55" type="button" onclick="enterChr('chr55')" title="v" />
				<input class="chr56" type="button" onclick="enterChr('chr56')" title="w" />
				<input class="chr57" type="button" onclick="enterChr('chr57')" title="x" />
				<input class="chr58" type="button" onclick="enterChr('chr58')" title="y" />
				<input class="chr59" type="button" onclick="enterChr('chr59')" title="z" />
				<span class="none">none</span>
				<span class="none">none</span>
				<input class="chr5C" type="button" onclick="enterChr('chr5C')" title="?" />
				<input class="chr5D" type="button" onclick="enterChr('chr5D')" title="," />
				<input class="chr5E" type="button" onclick="enterChr('chr5E')" title=";" />
				<input class="chr5F" type="button" onclick="enterChr('chr5F')" title=":" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">6x</span>
				<input class="chr60" type="button" onclick="enterChr('chr60')" title="○" />
				<input class="chr61" type="button" onclick="enterChr('chr61')" title="∑" />
				<input class="chr62" type="button" onclick="enterChr('chr62')" title="°" />
				<input class="chr63" type="button" onclick="enterChr('chr63')" title="△" />
				<input class="chr64" type="button" onclick="enterChr('chr64')" title="@" />
				<input class="chr65" type="button" onclick="enterChr('chr65')" title="×" />
				<input class="chr66" type="button" onclick="enterChr('chr66')" title="÷" />
				<input class="chr67" type="button" onclick="enterChr('chr67')" title="&spades;" />
				<input class="chr68" type="button" onclick="enterChr('chr68')" title="←" />
				<input class="chr69" type="button" onclick="enterChr('chr69')" title="&hearts;" />
				<input class="chr6A" type="button" onclick="enterChr('chr6A')" title="&diams;" />
				<input class="chr6B" type="button" onclick="enterChr('chr6B')" title="&clubs;" />
				<input class="chr6C" type="button" onclick="enterChr('chr6C')" title="μ" />
				<input class="chr6D" type="button" onclick="enterChr('chr6D')" title="Ω" />
				<input class="chr6E" type="button" onclick="enterChr('chr6E')" title="↓" />
				<input class="chr6F" type="button" onclick="enterChr('chr6F')" title="→" />
				<br class="clear" />
			</li>	
			<li>
				<span class="chr-code">7x</span>
				<input class="chr70" type="button" onclick="enterChr('chr70')" title="%" />
				<input class="chr71" type="button" onclick="enterChr('chr71')" title="&#92;" />
				<input class="chr72" type="button" onclick="enterChr('chr72')" title="□" />
				<input class="chr73" type="button" onclick="enterChr('chr73')" title="[" />
				<input class="chr74" type="button" onclick="enterChr('chr74')" title="&amp;" />
				<input class="chr75" type="button" onclick="enterChr('chr75')" title="_" />
				<input class="chr76" type="button" onclick="enterChr('chr76')" title="'" />
				<input class="chr77" type="button" onclick="enterChr('chr77')" title="・" />
				<input class="chr78" type="button" onclick="enterChr('chr78')" title="]" />
				<input class="chr79" type="button" onclick="enterChr('chr79')" title="■" />
				<input class="chr7A" type="button" onclick="enterChr('chr7A')" title="＼" />
				<input class="chr7B" type="button" onclick="enterChr('chr7B')" title="※" />
				<span class="none">none</span>
				<span class="none">none</span>
				<span class="none">none</span>
				<input class="chrCS" type="button" onclick="enterChr('chrCS')" title="_" />
				<br class="clear" />
			</li>
		</ul>
	</div>
</div>
<!--[if lte IE 6]></div><![endif]-->
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>




